<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <!-- 理想视口 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

  <!-- 基础样式，包含  头部  搜索框  底部 -->
  <link rel="stylesheet" href="../css/base.css">

  <!-- 页面样式 ， 头尾、搜索框样式已包含在base文件中-->
  <link rel="stylesheet" href="../css/gsproduct.css">

  <title>mmm</title>
</head>
<body>


  <!-- header 头部 -->
  <header>
    <h1>
      <a href="../index.html">
        <img src="../images/header_logo.png" alt="">
      </a>
    </h1>

    <a href="javascript:;">
      <img src="../images/header_app.png" alt="">
    </a>

  </header>

  <!-- search 搜索框 -->
  <section class="mmm_search">
    <form action="#">
      <input class="search_inp" type="search" placeholder="请输入你想比价的商品">
      <input class="search_submit" type="button" value="搜索">
    </form>
  </section>



  <!-- 二级联动  查询-->
  <div class="gsproduct_cx">
    <div class="from">
      <select name="from" id="from">

      </select>
    </div>
    <div class="area">
      <select name="area" id="area">
        
      </select>
    </div>
    <div class="price">
        <select name="price" id="price">
          <option value="0">全部价格</option>
        </select>
    </div>
    <div class="select"></div>
  </div>



  <!-- 凑单品 -->
  <div class="gsproduct_list">
    <!-- item -->
   
  </div>






  <!-- footer 底部 -->
  <footer>
    <div class="footer_nav">
      <a href="./login.html">登录</a>
      <a href="./register.html">注册</a>
      <a class="toTOP" href="javascript:;">返回顶部</a>
    </div>
    <div class="footer_app">
      <a href="javascript:;">手机app下载</a>
      <a href="javascript:;">慢慢买手机版</a>
      <span class="tips"> -- 掌上比价平台</span>
    </div>
    <div class="footer_com">m.manmanbuy.com</div>

  </footer>
  


<!-- zepto -->
<script src="../lib/zepto/dist/zepto.min.js"></script>
<!-- art-template模板 -->
<script src="../lib/art-template/template-web.js"></script>

<!-- base文件中包含响应式字体设置等方法 -->
<script src="../js/base.js"></script>



<!-- 页面对应的js -->
<script src="../js/gsproduct.js"></script>



</body>
</html>

<script type="text/template" id="gsproductTmp">

  {{each result value key}}
  <a href="javascript:;" class="gsproduct_item">
    <input type="hidden" value="{{value.productId}}">
      <div class="item_pic">
        <img src="{{value.productImg}}" alt="">
      </div>
      <p class="item_name">{{value.productName}}</p>
      <div class="item_info">
        <span class="price">{{value.productPrice}}</span>
        <span class="gs">去凑单</span>
      </div>

    </a>

  {{/each}}

</script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>





